﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestWxPay.aspx.cs" Inherits="WeChat.JsSDK.WxPayTest.TestWxPay" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0">
    <link href="../../css/payh5.css" rel="stylesheet" type="text/css" />
    <link href="../../css/weui.css" rel="stylesheet" type="text/css" />
<script src="../../bootstrap-3.3.5-dist/js/jquery-1.11.3.min.js" type="text/javascript"></script>
<title>余额充值</title>
<script>
window.onload=function()
{
	var aA=document.getElementById("inp").getElementsByTagName("li");
	var aLi=document.getElementById("sj").getElementsByTagName("li");
	for(var i=0;i<aA.length;i++)
	{
		aA[i].index=i;
		aA[i].onclick=function()
		{
			for(var i=0;i<aA.length;i++)
			{
				aA[i].className="";
				aLi[i].style.display="none";
			}
		    this.className="current"
		    aLi[this.index].style.display="block";
		};
	};	
}			 
</script>
</head>


<body>
<form id="Form1" runat="server">
<div class="bodywrap">
    <div class="top">
        <h1><span>余额充值</span></h1>
    </div>
    <div class="qxz">
        <label>请选择充值金额：</label>
    </div>
    <div class="inputbox">
        <div class="inp" id="inp">
            <ul>
                <li><a href="javascript:$('#selVal').val('1');" >10<span>元</span></a></li>
                <li><a href="javascript:$('#selVal').val('2');">20<span>元</span></a></li>
                <li><a href="javascript:$('#selVal').val('3');">30<span>元</span></a></li>
                <li><a href="javascript:$('#selVal').val('5');">50<span>元</span></a></li>
                <li class="current" ><a href="javascript:$('#selVal').val('10');">100<span>元</span></a></li>
                <li><a href="javascript:$('#selVal').val('20');">200<span>元</span></a></li>
                <li><input type="text" onkeyup="this.value=this.value.replace(/\D/g,'')"  onafterpaste="this.value=this.value.replace(/\D/g,'')" />元</li>
            </ul>
        </div>
    </div>
    <div class="sj" id="sj">
        <ul>
            <li>应付金额:<span>￥10</span></li>
            <li>应付金额:<span>￥20</span></li>
            <li>应付金额:<span>￥30</span></li>
            <li>应付金额:<span>￥50</span></li>
            <li style="display:block">应付金额:<span>￥100</span></li>
            <li>应付金额:<span>￥200</span></li>
        </ul>
    </div>
    <div id="Div1" class="tj" runat="server">
        <asp:Button ID="btn1" runat="server" Text="点此充值" CssClass="weui_btn weui_btn_primary" OnClick="btn1_Click" />
    </div>
    <input id="selVal" name="selVal" type="hidden" value="10" />
</div>
</form>
</body>
</html>